<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
			padding: 0;
			margin: 0 auto;
			box-sizing: border-box;
			}
			#container
			{
				width: 1200px;
				height: auto;
				font-family: "微软雅黑";
			}
			#other{
				width: 100%;
				float: left;
				font-size: 15px;
				background: #E9E9E9;
				padding: 10px;
				padding-left: 15%;
				margin: 10px;
				font-weight: bold;
			}
			#other a{
				padding: 10px;
				padding-right: 20px;
			}
			#mune2{
				margin: 10px;
				color: #CCCCCC;
				font-weight: bold;
				float: left;
				padding-left: 20%;
			}
			#mune2 a{
				color: #000000;
				padding-left: 20px;
				padding-right: 10px;
			}#header{
				width: 100%;
				float: left;
				margin: 10px;
			}
			#context{
				width: 100%;
				float: left;
				margin: 10px;
			}
			#head1{
				width: 30%;
				float: left;
				padding-left: 140px;
			}#head2{
				width:48%;
				float: left;
				padding-left: 10px;
				padding-top: 8px;
				padding-right: 10px;
			}
			#head3{
				width: 20%;
				height: 86px;
				float: left;
				padding-top: 46px;
			}
			#head3 a{
				background: #47BFFF;
				color: #FFFFFF;
				font-size: 20px;
				font-weight: bold;
				padding-top: 10px;
				padding-bottom: 10px;
				padding-left: 25px;
				padding-right: 25px;
				border:1px solid  #CCCCCC;
			}
			#h2t{
				color: #CCCCCC;
				font-weight: bold;
				padding-bottom: 5px;
			}
			#h2t a{
				padding-right: 25px;
				padding-left: 25px;
			}
			#h2b{
				border:7px solid #22B6FF;
				background: url(img/icon.gif);
				background-size: cover;
				height: 50px;
			}
			#left{
				width: 64%;
				float: left;
				border:1px solid #CCCCCC ;
				padding: 15px;
			}
			#right{
				width: 34%;
				float: left;
				margin-left: 10px;
			}
			#l{
				width: 50%;
				padding-top: 20px;
				float: left;
				padding-right: 20px;
				color: #83817C;
			}
			#l1{
				color: #5F5F5F;
				font-weight: bold;
				padding-bottom: 10px;
			}
			#l2{
				margin-bottom: 20px;
			}
			.font1{
				color:#FB7D00;
			}
			.font2{
				color: #2C79D7;
			}
			#l2l{
				width:70px;
				float: left;
			}
			#r1{
				background: #EFF7FD;
				border:1px solid #CCCCCC ;
				padding: 15px;
				margin-bottom: 15px;
				vertical-align: middle;/*输入框和文字水平*/
			}
			#r1 div{
				color: #155799;
				padding-top: 5px;
				padding-bottom: 5px;
			}
			#r1 input{
				height: 25px;
				background: #FFFFFF;
				vertical-align: middle;/*输入框和文字水平*/
			}
			#r1 img{
				vertical-align: middle;
			}
			#r2{
				background: #EFF7FD;
				border:1px solid #CCCCCC ;
				padding: 20px;
				font-size: 20px;
				color: #919191;
				margin-bottom: 15px;
			}
			#r2 a{
				color: #155799;
				text-decoration: underline;
			}
			#r3{
				border:1px solid #CCCCCC ;
				height: 200px;
			}
			#r3t{
				background: #F6F6F6;
				border-bottom:1px solid #4EBCEB ;
				padding: 5px;
				padding-left: 15px;
				color: #83817C;
				font-weight: bold;
			}
			#r3b{
				width: 100%;
				
			}
			#r3bl{
				width: 50%;
				float: left;
				padding: 10px;
			}
			#PIC{
				widows: 60px;
				height: 60px;
				float: left;
				border:1px solid #CCCCCC ;
			}
			#TEXT{
				width: 110px;
				padding-left: 10px;
				float: left;
				color: #CCCCCC;
			}
			#TEXT a{
				color: #155799;
			}
			
		</style>
	</head>
	<body>
		<div id="container">
			<div id="header">
				<div id="head1">
					<img src="img/logo.gif" height="80px" />
				</div>
				<div id="head2">
					<div id="h2t">
						<a style="color: #000000;padding-left: 0px;"  href="首页.html">首页</a>|
						<a  href="活动.html">活动</a>|
						<a  href="据点.html">据点</a>|
						<a>招贴</a>|
						<a>VIP服务</a>|
						<a style="padding-right: 0px;">随便逛逛</a>
					</div>
					<div id="h2b"></div>
				</div>
				<div id="head3"><a>找找!</a></div>
			</div>
			<div id="context">
				<div id="left">
					<div >
						<img src="img/focus.gif" width="740px"/>
					</div>
					<div id="l">
						<div id="l1">参加丰富的<a class="font1">活动</a></div>
						<div id="l2">
							<div id="l2l"><img src="img/act1.gif" width="60px" height="60px"></div>
							<div>
								<div>[培训]<a class="font2">11月17号婚恋心理工作坊</a></div>
								<div>活动介绍婚恋心理工作坊：单身人士请进入婚恋关系的十大障碍...</div>
							</div>
						</div>
						<div id="l2">
							<div id="l2l"><img src="img/act2.jpg" width="60px" height="60px"></div>
							<div>
								<div>[演出]<a class="font2">天籁之夜——尚雯婕2009北</a></div>
								<div>尚雯婕2009北京演唱会 天籁之夜——尚雯婕2009巡回演唱会、音乐会...</div>
							</div>
						</div>
						<div id="l2">
							<div id="l2l"><img src="img/act3.jpg" width="60px" height="60px"></div>
							<div>
								<div>[休闲户外]<a class="font2">爱旅行11月8周日黄</a></div>
								<div>[行程安排]早7:50集合，8:00出发，集合地：苹果园地铁D出口往右...</div>
							</div>
						</div>
					</div>
					<div id="l">
						<div id="l1">加入身边的<a class="font1">据点</a></div>
						<div id="l2">
							<div id="l2l"><img src="img/spot1.gif" width="60px" height="60px"></div>
							<div>
								<div>剧场 <a class="font2">梅兰芳大剧院</a></div>
								<div>拥有者：(价值：3000<img src="img/money.gif" />)</div>
								<div>地址：西城区平安里西大街32号</div>
							</div>
						</div>
						<div id="l2">
							<div id="l2l"><img src="img/spot2.gif" width="60px" height="60px"></div>
							<div>
								<div>滑雪场 <a class="font2">莲花山滑雪场</a></div>
								<div>拥有者：(价值：4000<img src="img/money.gif" />)</div>
								<div>地址：顺义区张镇良山东路</div>
							</div>
						</div>
						<div id="l2">
							<div id="l2l"><img src="img/spot3.gif" width="60px" height="60px"></div>
							<div>
								<div>餐厅 <a class="font2">四川简阳羊肉汤</a></div>
								<div>拥有者：(价值：11600<img src="img/money.gif" />)</div>
								<div>地址：朝阳区金台路9路总站西100米</div>
							</div>
						</div>
					</div>
				</div>
				<div id="right">
					<div id="r1">
						<img src="img/login.jpg" width="36%">
						<div>你的手机号码:</div>
						<div><input size="48"/></div>
						<div>你的密码:</div>
						<div><input size="48"/></div>
						<div><input type="checkbox" style="background: #EFF7FD;" > <a style="color: #83817C;">在这台电脑上记住我</a></div>
						<div><img src="img/login.gif" width="35%"> 忘记密码?</div>
					</div>
					<div id="r2">还不是六人行会员？<a href="注册会员.html">马上注册</a></div>
					<div id="r3">
						<div id="r3t">找到身边的<a class="font1">邻居</a></div>
						<div id="r3b">
						 	<div id="r3bl">
						 		<div id="PIC"><img src="img/neighbor1.jpg" width="60px" height="58px"/></div>
						 		<div id="TEXT">
						 			<div><a>圣哲西</a></div>
						 			<div>所在写字楼</div>
						 			<div><a>华杰大厦</a></div>
						 		</div>
						 	</div>
						 	<div id="r3bl">
						 		<div id="PIC"><img src="img/neighbor4.jpg" width="60px" height="58px"/></div>
						 		<div id="TEXT">
						 			<div><a>zhangj</a></div>
						 			<div>所在写字楼</div>
						 			<div><a>龙海大厦</a></div>
						 		</div>
						 	</div>
						</div>
						<div id="r3b">
						 	<div id="r3bl">
						 		<div id="PIC"><img src="img/neighbor2.jpg" width="60px" height="58px"/></div>
						 		<div id="TEXT">
						 			<div><a>凤凰花</a></div>
						 			<div>所在写字楼</div>
						 			<div><a>大成国际中心</a></div>
						 		</div>
						 	</div>
						 	<div id="r3bl">
						 		<div id="PIC"><img src="img/neighbor3.jpg" width="60px" height="58px"/></div>
						 		<div id="TEXT">
						 			<div><a>镜花水</a></div>
						 			<div>所在写字楼</div>
						 			<div><a>SOHO现代城</a></div>
						 		</div>
						 	</div>
						</div>
					</div>
				</div>
				<div >
					<img src="img/advfasion.gif" width="768px" height="115px" style="margin-right: 7px;margin-top: 20px;">
					<img src="img/train.gif"  width="410px" height="115px"></div>
			</div>
			<div id="other">
				<a>首页</a>
				<a>关于</a>
				<a>广告</a>
				<a>服务</a>
				<a>指南</a>
				<a>声明</a>
				<a>联系</a>
				<a>举报</a>
				<a>给6人行发私信</a>
				<a>客服010-84988367</a>
				<a>户外网站联盟</a>
			</div>
			<div id="mune2">copyright &copy;<a>中文（简体）</a>《中华人民共和国电信与信息服务业务经营许可证》 编号：京ICP证060911号</div>
	</body>

	</body>
</html>
